/* pages/cart/index.wxss */
page {
  background: #f4f4f4;
}
.cart {
  padding: 20rpx;
  background: rgb(244, 244, 244);
  margin-bottom: 90rpx;
  .cart_items {
    .item {
      display: flex;
      align-items: center;
      background: #ffffff;
      border-radius: 20rpx;
      padding: 30rpx 7px;
      margin-bottom: 20rpx;
      &:nth-last-child(1) {
        margin-bottom: 0;
      }
    }
    .cart_item {
      display: flex;
      border-bottom: 1px solid #f6f6f6;
      padding: 10rpx 10rpx 20rpx 10rpx;

      .item_image {
        border: 1px dashed #f6f6f6;

        image {
          width: 200rpx;
          height: 200rpx;
        }
      }

      .item_desc {
        position: relative;

        .item_title {
          line-height: 1.5;
          margin: 20rpx 10rpx;
          font-weight: 500;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }

        .pAndN {
          display: flex;
          position: absolute;
          bottom: 0;
          width: 100%;
          align-items: center;
          justify-content: space-between;

          .item_price {
            color: #f53939;
            line-height: 1.5;
            width: 200rpx;
            margin-left: 10rpx;
          }

          .item_num {
            display: flex;

            .sub {
              border: 1px solid #d1d1d1;
              width: 42rpx;
              text-align: center;
              font-weight: 600;
            }

            .num {
              width: 80rpx;
              text-align: center;
            }

            .add {
              border: 1px solid #d1d1d1;
              width: 42rpx;
              text-align: center;
              font-weight: 600;
            }
          }
        }
      }
    }
  }
  .bill {
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 710rpx;
    display: flex;
    position: fixed;
    background: #fff;
    align-items: center;
    padding: 10rpx 20rpx;
    .price {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 20rpx 0 0;
    }
    .totalPrice {
      color: red;
      font-size: 18px;
    }
    .payBill {
      width: 83px;
      height: 70rpx;
      margin: 0;
      color: #ffffff;
      background: #f74040ed;
      border-radius: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
